window.addEventListener('load', function () {
    // 获取元素
    // 去注册
    let goRegister = this.document.querySelector('.goRegister')
    // 注册面板
    let register = this.document.querySelector('.register')
    // 注册--用户名
    let regUsername=this.document.querySelector('.register [name="username"]')
    // 注册--密码
    let regPassword=this.document.querySelector('.register [name="password"]')


    // 去登录  页面跳转
     // 登录--用户名
     let logUsername=this.document.querySelector('.login [name="username"]')
     // 登录--密码
     let logPassword=this.document.querySelector('.login [name="password"]')
    // 登录面板
    let login = this.document.querySelector('.login')
    let goLogin = this.document.querySelector('.goLogin')


    // 注册页面
    goRegister.addEventListener('click', function () {
        // 注册面板
        register.style.display = 'block'
        // 登录面板
        login.style.display = 'none'

    })

    goLogin.addEventListener('click', function () {
        // 登录面板
        login.style.display = 'block'
        // 注册面板
        register.style.display = 'none'
    })

    // 实现注册的具体功能
    //添加校验规则 比如，验证一个用户名和密码
    function test() {
        return {
            fields: {
                username: { // 这里username是 input 的name属性值，表示对这个输入框进行验证
                    validators: { // 添加真正的校验规则
                        notEmpty: {   //不能为空
                            message: '用户名不能为空.'// 如果不满足校验规则，则给出这句提示
                        },
                        stringLength: {   //检测长度
                            min: 2, // 最少2位
                            max: 15, // 最多15位
                            message: '用户名需要2~15个字符'
                        }
                    }
                },
                password: {
                    validators: {
                        notEmpty: {
                            message: '密码不能为空'
                        },
                        stringLength: {   //检测长度
                            min: 6,
                            max: 15,
                            message: '密码需要6~15个字符'
                        }
                    }
                }
            }
        }
    }


    // 语法：
    // $('表单').bootstrapValidator(上面的验证函数()).on('success.form.bv', function (e) {}

    // 比如，注册
    $('.register form').bootstrapValidator(test()).on('success.form.bv', function (e) {
        e.preventDefault();
        // 通过验证，这里的代码将会执行。我们将Ajax请求的代码放到这里即可

        axios({
            url:'/api/register',
            method:'post',
            data:{
                username:regUsername.value,
                password:regPassword.value
            }
        }).then(res=>{
            // console.log(res)
            if(res.data.code==0){
                toastr.success(res.data.message)
                // 如果注册成功，则返回登录面板
                register.style.display='none'
                login.style.display='block'
            }else if(res.data.code==1){
                toastr.warning(res.data.message)

            }
        })
    });


    // 登录功能
    
$('.login form').bootstrapValidator(test()).on('success.form.bv', function (e) {
    e.preventDefault();
    // 通过验证，这里的代码将会执行。我们将Ajax请求的代码放到这里即可
    axios({
        url:'/api/login',
        method:'post',
        data:{username:logUsername.value,
              password:logPassword.value}
    }).then(res=>{
        // console.log(res)
        if(res.data.code==0){
            // alert(res.data.message)
             // 将后台返回的token实现本地存储
          localStorage.setItem('viewproject-83-token', res.data.token)
          // js文件中的路径的参照不是参照当前js,而是参照引入当前js的页面文件
           location.href='./index.html'
        }else if(res.data.code==1){
            toastr.warning(res.data.message)
        }
    })
});



   
})